<template>
	<div class="flex">
		<div>
			<mTrend text="营业额" upIconColor="green"/>
		</div>
		<div>
			<mTrend text="销售额" type="down" downIconColor="yellow"/>
		</div>
	</div>
	<div class="flex">
		<div>
			<mTrend text="营业额" upIconColor="green"/>
		</div>
		<div>
			<mTrend text="销售额" type="down" downIconColor="yellow"/>
		</div>
	</div>
	
	<!--   props传参  
	<mTrend text="营业额" />
	  插槽传参  
	<mTrend  >营业额111</mTrend> 
	-->
	<mTrend text="营业额" />
	<!-- reverseColor控制颜色反转 -->
	颜色反转
	<mTrend text="营业额"  reverseColor upIconColor="blue"/>
	<mTrend text="销售额" type="down" reverseColor downIconColor="yellow"/>
	自定义图标
	<mTrend text="营业额" upIcon="Back" />
	<mTrend text="营业额" upIcon="right" />
</template>

<script>
</script>

<style lang="scss" scoped>
	.flex {
		display: flex;

		div {
			margin-right: 10px;
		}
	}
</style>